﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    x:Class="TheOliver.Controls.ClipClapChar"
    mc:Ignorable="d"
    d:DesignWidth="100.677"
    d:DesignHeight="132.406"
    Width="50"
    Height="100">

    <UserControl.Resources>
        <Storyboard
            x:Name="_step1Storyboard">
            <DoubleAnimationUsingKeyFrames
                BeginTime="00:00:00"
                Storyboard.TargetName="_frontTopGrid"
                Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)">
                <EasingDoubleKeyFrame
                    KeyTime="00:00:00"
                    Value="0" />
                <EasingDoubleKeyFrame
                    KeyTime="00:00:00.4000000"
                    Value="90" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard
            x:Name="_step2Storyboard">
            <DoubleAnimationUsingKeyFrames
                BeginTime="00:00:00"
                Storyboard.TargetName="_frontBottomGrid"
                Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)">
                <EasingDoubleKeyFrame
                    KeyTime="00:00:00"
                    Value="-90" />
                <EasingDoubleKeyFrame
                    KeyTime="00:00:00.4000000"
                    Value="0">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BounceEase
                            EasingMode="EaseOut"
                            Bounces="3"
                            Bounciness="3" />
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
        </Grid.RowDefinitions>

        <Grid
            x:Name="LayoutRoot"
            Margin="0">

            <Grid
                x:Name="_backTopGrid"
                Clip="M0.5,0.5 L49.5,0.5 L49.5,48.5 L0.5,48.5 z" d:IsHidden="True">
                <Grid.RowDefinitions>
                    <RowDefinition
                        Height="0.49*" />
                    <RowDefinition
                        Height="0.02*" />
                    <RowDefinition
                        Height="0.49*" />
                </Grid.RowDefinitions>
                <Rectangle
                    Stroke="#FF6E6E6E">
                    <Rectangle.Fill>
                        <LinearGradientBrush
                            EndPoint="0.5,1"
                            StartPoint="0.5,0">
                            <GradientStop
                                Color="Black"
                                Offset="0" />
                            <GradientStop
                                Color="#FF676767"
                                Offset="0.165" />
                            <GradientStop
                                Color="Black"
                                Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Image
                    x:Name="_backTop"
                    Grid.RowSpan="3"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Stretch="None" />
            </Grid>
            <Grid
                x:Name="_backBottomGrid"
                Clip="M0.5,51.5 L49.5,51.5 L49.5,99.5 L0.5,99.5 z">
                <Grid.RowDefinitions>
                    <RowDefinition
                        Height="0.49*" />
                    <RowDefinition
                        Height="0.02*" />
                    <RowDefinition
                        Height="0.49*" />
                </Grid.RowDefinitions>
                <Rectangle
                    Stroke="#FF6E6E6E"
                    Grid.Row="2">
                    <Rectangle.Fill>
                        <LinearGradientBrush
                            EndPoint="0.5,1"
                            StartPoint="0.5,0">
                            <GradientStop
                                Color="Black"
                                Offset="0" />
                            <GradientStop
                                Color="#FF676767"
                                Offset="0.165" />
                            <GradientStop
                                Color="Black"
                                Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Image
                    x:Name="_backBottom"
                    Grid.RowSpan="3"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Stretch="None" />
            </Grid>
            <Grid
                x:Name="_frontTopGrid"
                Clip="M0.5,0.5 L49.5,0.5 L49.5,48.5 L0.5,48.5 z" d:IsHidden="True">
                <Grid.Projection>
                    <PlaneProjection />
                </Grid.Projection>
                <Grid.RowDefinitions>
                    <RowDefinition
                        Height="0.49*" />
                    <RowDefinition
                        Height="0.02*" />
                    <RowDefinition
                        Height="0.49*" />
                </Grid.RowDefinitions>
                <Rectangle
                    Stroke="#FF6E6E6E">
                    <Rectangle.Fill>
                        <LinearGradientBrush
                            EndPoint="0.5,1"
                            StartPoint="0.5,0">
                            <GradientStop
                                Color="Black"
                                Offset="0" />
                            <GradientStop
                                Color="#FF676767"
                                Offset="0.165" />
                            <GradientStop
                                Color="Black"
                                Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Image
                    x:Name="_frontTop"
                    Grid.RowSpan="3"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Stretch="None" />
            </Grid>
            <Grid
                x:Name="_frontBottomGrid"
                Clip="M0.5,51.5 L49.5,51.5 L49.5,99.5 L0.5,99.5 z">
                <Grid.Projection>
                    <PlaneProjection
                        RotationX="-90" />
                </Grid.Projection>
                <Grid.RowDefinitions>
                    <RowDefinition
                        Height="0.49*" />
                    <RowDefinition
                        Height="0.02*" />
                    <RowDefinition
                        Height="0.49*" />
                </Grid.RowDefinitions>
                <Rectangle
                    Stroke="#FF6E6E6E"
                    Grid.Row="2">
                    <Rectangle.Fill>
                        <LinearGradientBrush
                            EndPoint="0.5,1"
                            StartPoint="0.5,0">
                            <GradientStop
                                Color="Black"
                                Offset="0" />
                            <GradientStop
                                Color="#FF676767"
                                Offset="0.165" />
                            <GradientStop
                                Color="Black"
                                Offset="1" />
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Image
                    x:Name="_frontBottom"
                    Grid.RowSpan="3"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Stretch="None" Margin="-1,0,0,0" />
            </Grid>
        </Grid>
        <TextBlock
            x:Name="_helper"
            Text="TextBlock"
            TextWrapping="Wrap"
            Margin="8"
            Foreground="#FF59FF00"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            d:IsHidden="True" />
    </Grid>
</UserControl>
